<template>
  <div id="drawnerPanel">
    <el-menu-item index="sys_myfiles" @click="drawer = true">我的文件</el-menu-item>

    <el-drawer title="我的文件" v-model="drawer" :direction="direction" :before-close="handleClose">
      <FolderTree />
      <testInput />
      <FileCardList />
    </el-drawer>
  </div>
</template>
  
<script>
import FolderTree from './FolderTree.vue'
import testInput from './testInput.vue'
import FileCardList from './FileCardList.vue'

export default {
  name: 'drawnerPanel',
  data() {
    return {
      drawer: false,
      direction: 'rtl',
    };
  },
  methods: {
    handleClose(done) {
      done();
      // this.$confirm('确认关闭？')
      //   .then(_ => {
      //     done();
      //   })
      //   .catch(_ => {});
    }
  },
  components: {
    // ProjectBox,
    testInput,
    FolderTree,
    FileCardList
  }
};
</script>
  
<style scoped></style>
  